import { ColorScaleItem } from '../types';

const mauve: ColorScaleItem = {
  dark: [
    '#1c1b1e',
    '#252528',
    '#2f2f32',
    '#3a393d',
    '#454448',
    '#504f53',
    '#5b5a5f',
    '#67666a',
    '#737177',
    '#7f7d83',
    '#bbb9bd',
    '#fcf8fb',
    '#ffffff',
  ],
  darkA: [
    'rgba(233, 225, 250, 0.12)',
    'rgba(231, 231, 250, 0.16)',
    'rgba(235, 235, 250, 0.2)',
    'rgba(242, 237, 254, 0.24)',
    'rgba(238, 234, 248, 0.29)',
    'rgba(242, 239, 252, 0.33)',
    'rgba(239, 237, 250, 0.38)',
    'rgba(245, 243, 252, 0.42)',
    'rgba(245, 240, 253, 0.47)',
    'rgba(244, 240, 252, 0.52)',
    'rgba(253, 250, 255, 0.74)',
    'rgba(255, 251, 254, 0.99)',
    '#ffffff',
  ],
  light: [
    '#fcf8fb',
    '#edeaed',
    '#dfdcdf',
    '#d1ced2',
    '#c2c0c4',
    '#b4b2b7',
    '#a7a4a9',
    '#99979c',
    '#8c8a90',
    '#7f7d83',
    '#4a494d',
    '#1c1b1e',
    '#111',
  ],
  lightA: [
    'rgba(155, 22, 122, 0.03)',
    'rgba(55, 22, 55, 0.09)',
    'rgba(26, 5, 26, 0.14)',
    'rgba(25, 10, 30, 0.2)',
    'rgba(11, 3, 19, 0.25)',
    'rgba(13, 7, 23, 0.31)',
    'rgba(11, 2, 16, 0.36)',
    'rgba(6, 1, 14, 0.41)',
    'rgba(5, 1, 14, 0.46)',
    'rgba(4, 0, 12, 0.51)',
    'rgba(4, 2, 8, 0.72)',
    'rgba(3, 2, 5, 0.9)',
    '#111',
  ],
};

export default mauve;
